<!DOCTYPE html>
<html>
<head>
    <title>后台管理</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" href="../../styleSheets/media.css?v=5d23a57ae8">
    <style type="text/css" rel="stylesheet">
        html,body{width:100%;margin:0;padding:0;font-family:"lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
        .header{height:40px;width:100%;background-color:#242424;position:fixed;overflow:hidden;}
        .header_title{line-height:40px;margin-left:5%;color:#fff;font-size:15px;}
        .header_user{font-size:12px;margin-left:20px;color:#ccc;}
        .panel{width:100%;height:80%;padding-top:40px;background-color:#242424;padding-bottom: 5px}
        .panel_item{width:100%;height:45px}
        a{text-decoration: none;color:#fff;}
        .panel_item>a{width:15%;height:45px;display:inline-block;line-height:45px;font-size:1.5rem;color:#fff;text-align:center;margin-left:5px;}
        .addinfo{width:95%;padding-top:20px;margin-left:5%;margin-right:auto;font-size:13px;margin-bottom: 20px}
        .addinfo input[type='text']{width:70%;height:28px;margin-bottom:10px;outline:none;padding-left:5px;}
        .addinfo input[type='radio']{margin-top: 10px;margin-bottom:20px;outline:none;margin-left:10%;}
        .addinfo select{width:20%;height:28px;margin-bottom:10px;outline:none;padding-left: 5px;}
        .addinfo span{display:inline-block;width: 17%;padding-right: 5%}
        .addinfo_btn{width:70%;height:35px;text-align:center;line-height:35px;border:1px solid #ccc;margin-left:22%;margin-top:20px;border-radius:5px;}
        .addinfo_btn:hover{background-color:#36A0FB;color:#fff;border:1px solid #36A0FB;cursor: pointer}
        a{color:#fff;text-decoration:none;}
        .userSpan{text-decoration: underline}
        .remind{color:#EE735C;font-size: 0.8rem;width:100%}
        .remindiv{width:70%;height:35px;text-align:center;line-height:35px;margin-left:22%;margin-top:20px;border-radius:5px;}
        .head_left{float: left}
        .head_right{float: right;margin-right:20px}
        .head_mid{position: absolute;left: 45%}
    </style>
</head>
<body>
<div>
    <div class="header">
        <div class="header_title">
            <div class="head_left"><a id="backToIndex">后台管理系统</a></div>
            <div class="head_right"><span class="header_user">欢迎你 <span class="userSpan"></span>,<a style="color:#39A3F9" id="loginOut" >登出</a></span></div>
        </div>
    </div>
    <div class="panel">
        <div class="panel_item">
            <a style="background-color:#EE735C;" href="../../views/server/list.html">服务列表</a>
            <a style="background-color:#D94C59;" href="../../views/BGManager/list.html">BG管理</a>
            <a style="background-color:#FEC536;" href="../../views/version/list.html">版本管理</a>
        </div>
    </div>
</div>
<div style="padding-top:8%">
    <div class="addinfo">

        <div>
            <span>IP号 </span><input id="ip" type="text" disabled="disabled" />
        </div>
        <div>
            <span>代理服务器 </span><input id="bakIP" type="text"/>
        </div>
        <div>
            <span>用途分类 </span><select id="useType" name="useType">
                <option value=0>Master db</option>
                <option value=1>Cust db</option>
                <option value=2>Log db</option>
                <option value=3>Game</option>
                <option value=4>Agent</option>
            </select>

        </div>
        <div>
            <span>使用区域 </span><select id="useArea" name="useType">
                <option value=0>抗压</option>
                <option value=1>分地区</option>
            </select>
        </div>
        <div>
            <span>描述 </span><input id="desc" type="text" />
        </div>
        <div>
            <span>线程数 </span><input id="cpu" type="text"/>
        </div>
        <div>
            <span>内存 </span><input id="memory" type="text"/>
        </div>
        <div>
            <span>带宽 </span><input id="bandwidth" type="text"/>
        </div>
        <div class="addinfo_btn">提交编辑</div>
        <div class="remindiv"><p class="remind">* 该操作会在原先的基础上提交修改</p></div>
    </div>
</div>

<script type="text/javascript" src="../../javaScripts/zepto.min.js?v=44b1ed8427"></script>
<script src="../../javaScripts/utils/CommonMethods.js?v=c5762340e4"></script>
<script src="../../javaScripts/common.js?v=bea3688bb4"></script>
<script src="../../javaScripts/server/edit.js?v=4eb76c90da"></script>
</body>
</html>